<template>
  <SystemItem title="保存位置">
    <div class="w-full flex flex-col">
      <div
        class="w-full flex flex-row justify-between items-center pb-2"
        style="border-bottom: 1px solid var(--border)"
      >
        <div>
          <p class="font-medium">接受到的文件保存到</p>
          <p class="text-xs text-fontPlaceholde h-[20px] mt-1">{{ system.DefaultDownloadPath }}</p>
        </div>
        <el-button size="small">更改位置</el-button>
      </div>

      <div class="w-full flex flex-row justify-between items-center pt-2">
        <div>
          <p class="font-medium">聊天信息保存到</p>
          <p class="text-xs text-fontPlaceholde h-[20px] mt-1">{{ system.DateBasePath }}</p>
        </div>
        <el-button size="small" disabled>更改位置</el-button>
      </div>
    </div>
  </SystemItem>
</template>

<script setup lang="ts">
import { useSystem } from "@/store/modules/system";
import SystemItem from "../components/SystemItem.vue";
const system = useSystem();
</script>

<style lang="scss" scoped></style>
